	<style>
	/*样式*/
	    /*css初始化*/
	    * {
	    	margin: 0;
	    	padding: 0;
	    }
	    body {
	    	background-color: #f3f5f7;
	    	height: 3000px;
	    }
	    ul {
	    	list-style: none;
	    	margin: 0;
	    	padding: 0;
	    }
	    input {
	    	border: 0;
	    	box-sizing: border-box;
	    }
	    a {
	    	text-decoration: none;
	    }
	    .container {
	    	width: 1200px; 
	    	margin: 0 auto;    	/*版心宽度1200 居中对齐*/
	    }
	    /*css初始化结束*/
	    /*清除浮动*/
	    .clearfix:before,.clearfix:after {
	    	display: table;
	    	content: "";
	    }
	    .clearfix:after {
	    	clear: both;
	    }
	    .clearfix {
	    	*zoom: 1;
	    }
	    /*页面头部*/
	    header {
	    	height: 100px;
	    	overflow: hidden;
	    	background-color: #f1f1f1;
	    }
	    nav {
	    	width: 1600 px; /* 1366*/
	    	height: 42px;
	    	margin: 26px auto ;
	    }
	    /*logo部分*/

	    .logo {
	    	width: 200px;
	    	height: 42px;
	    	background-image: url(images/logo_03.png);
	    	margin-right: 40px;
	    	float: left;
	    }
	    /*导航栏部分*/
	    .daohang {    	
	    	height: 42px;
	    	line-height: 42px;
	    	float: left;
	    }
	    .daohang li {
 	        float: left;
	    }
	    .daohang a { 
	        height: 42px;
	        color: #424243;
		    display: inline-block;  /*转换为行内块元素*/    
		    padding: 0 8px;
		    margin: 0 6px;
		    float: left;
	    } 
	    .daohang a:hover {
	    	 border-bottom: 2px solid #00a4ff; 	    
	    }
	    /*个人中心部分*/
        .personal {
             float: right;
             height: 42px;
             line-height: 42px;
             margin: 0 45px 0 80px;
              /*上右下左*/
        }
        .personal a {
        	color: #424243;
        }
        .personal img {
        	margin: 0 8px;
        }
	    /*个人中心结束*/
	       /*搜索框*/
	    .search {
	    	width: 410px;
	    	height: 38px;
	    	border: 1px solid #00a4ff;
	    	float: right;
	    }
	    .search input[type=text] {
	    	/*background-color: #ccc;*/
	    	width: 360px;
	    	height: 38px;
	    	padding-left: 20px;
	    	float: left;
	    }
	    .search input[type=submit] {
	    	width: 50px;
	    	height: 38px;
	    	background-color: #00a4ff;
	    	float: left;
	    	background: #00a4ff url(images/images/sousuo_03.png) center no-repeat;
	    }
	    /*搜索部分结束*/
	    /*banner部分开始*/
	    .banner {
	    	height: 420px; 
	    	background-color: #1c036c;
	    	width:;
	    }
	    .banner-in {
	    	height: 420px;
	    background:  url(images/images/banner_03.png) 0 0 no-repeat; 
	    position: relative;
	    }
		.slidebar {
			height: 420px;
			width: 190px;
			background: rgba(0, 0, 0, 0.3);			/*盒子背景半透明*/
			float: left;
		}
		.slidebar li a {
			color: #fff;
			font-size: 14px;
			padding: 0 20px;
			display: block;			/*height: 45px;*/
			line-height: 45px;		/*有了行高可以不用给高度*/
		}
		.slidebar a span {
			float: right;
			font-family: arial;		/*一般情况下符号字体*/
		}
		.slidebar a:hover {
			color: #00a4ff;
		}
		.timetable {
			float: right;
			width: 230px;
			height: 300px;
			background-color: #fff;
			margin-top: 50px;
		}
		.timetable dt {
			color: white;
			font-weight: 700;/*文字加粗*/
			height: 50px;
			background-color: #9bceea ;
			text-align: center;
			line-height: 50px;		/*文字水平剧中*/
			letter-spacing: 2px;/*文字间距*/
			margin-bottom: 5px;
		}
		.timetable dd {
			width: 193px;
			height: 60px;
			margin: 0 auto;
			/*居中对齐*/
			border-bottom: 1px solid #ccc;/*下边框*/
			padding-top: 7px;
			line-height: 1px;
			box-sizing: border-box;
		}
		.tmietable dd h4 {
			font-size: 16px;
			font-weight: normal;
			color: #4e4e4e
		}
		.timetable dd p {
			font-size: 14px;
			color: #a5a5a5;
		}
		.timetable dd:last-chlid {/*结构伪类选择器*/
			border: 0;
		}
		.timetable dd a {
			height: 38px;
			border: 1px solid #00a4ff;
			display: block;
			line-height: 38px;
			text-align: center;
			color: #00a4ff;
			font-weight: 700;
		}
		.timetable dd a:hover {
			background-color: #00a4ff;
			color: white;
		}
		.circle {
			width: 180px;
			height: 22px;
			position: absolute;
			bottom: 10px;
			left: 50%;
			margin-left: -90px;
			padding:0;
		}
		.circle li {
			float: left;
			width: 12px;
			height: 12px;
			background: rgba(255, 255,255, 0.4);
			margin: 6px 8px;
			border-radius: 50%;
		}
		.circle .current {
			width: 19px;
			background-color: #fff;
			border-radius: 30px;
		}
	    /*banner部分结束*/
	    /*精品推荐开始*/
		.recommend {
			height: 60px;
			background-color: #fff;
			width: 1200px; 
	    	margin: 0 auto; 
	    	margin-top: 8px;
	    	box-shadow: 0 2px 2px rgba(0,0,0,0.3);
	    	line-height: 60px;	    	/*盒子阴影  水平位置 垂直位置 模糊距离 阴影颜色*/
		}
		.recommend a {
			padding: 0 30px;
			border-right: 1px solid black;
			color: black;
		}
		.recommend a:hover {
			color: #00a4ff;
		}
		.recom-porducts {
			margin-top: 35px;
		}
		.jingpin {
			height: 40px;
		}
		.jingpin h4 {
			color: #494949;
		}
		.jingpin a {
			float: right;
			margin-top: 10px;
			margin-right: 30px;
			font-size: 14px;
			color: #a5a5a5;
		}
		.jingpin a:hover {
			color: #00a4ff;
		}
		.shenti ul li {
			width: 228px;
			height: 270px;
			background-color: white;
			display: block;
			overflow: hidden;
			margin-right: 15px;
			margin-top: 15px;
			box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.3);
			float: left;
		}
		.shenti ul li:nth-child(5n) {
			margin-right: 0;
		}
		.shenti li h5,
		.shenti li p {
			padding: 0 20px 0 24px;
			margin-top: 12px;
		}
		.shenti li h5 {
			font-weight: normal;
			line-height: 22px;
			font-size: 14px;
		}
		.shenti li p {
			font-size: 12px;
			color: #999;
		}
		.shenti li p span {
			color: #ff7c2d;
		}
	    /*精品推荐结束*/
	    footer {
	    	height: 272px;
	    	background-color: #fff;
	    	margin-top: 100px;
	    	padding-top: 30px;
	    }
	    .footer-l {
	    	float: left;
	    	margin-right: 215px;
	    }
	    .footer-l p {
	    	display: block;
	    	width: 429px;
	    	font-size: 12px;
	    	color: #666666;
	    	margin-top: 24px;
	    	margin-bottom: 15px;
	    }
	    .footer-l a {
	    	display: block;
	    	width: 120px;
	    	height: 34px;
	    	border: 1px solid #00a4ff;
	    	line-height: 34px;
	    	font-size: 18px;
	    	color: #00a4ff;
	    	padding-left: 25px;
	    	box-sizing: border-box;
	    }
	    .footer-r {
	    	float: left;
	    }
		.footer-r ul {
			display: block;
			width: 100px;
			float: left;
			color: #333333;
			margin-right: 125px;
			line-height: 20px;
		}
		.footer-r ul:nth-child(3) {
			margin-right:  0;
		}  
	</style>